$accentColor = #0567f1

$textColor = #FFFFFF
$textShadow = 0
$navbarHeight ?= 3.6rem
$bannerHeight ?= 14rem
$sidebarWidth ?= 20rem
$contentWidth ?= 700px

// 响应式 breakpoints
$MQWide ?= 1440px
$MQNarrow ?= 1440px
$MQMobile ?= 700px
$MQMobileNarrow ?= 480px

/*
$boxShadowHover = 0 2px 16px 0 rgba(0, 0, 0, 0.2)
$textShadow = 0 2px 4px rgba(0, 0, 0, 0.2);
$borderRadius = .25rem 
*/

.home-blog{
  // .hero h1,
  // .hero .description, 
  // .hero .action{
  //   //禁止选中
  //   -webkit-user-select: none;
  //   -moz-user-select: none;
  //   -ms-user-select: none;
  //   user-select: none;
  //   color: rgba(255, 255, 255, 0) !important;
  // }
}
// 文章和标签中间的竖线
.home-blog{
  .home-blog-wrapper{
    .info-wrapper{
      .num{
        > div:first-child{
          border-right: 1px solid #eaecef;
        }
      }
    }
  }
}
// 代码块中背景和文字颜色
.content__default{
  code{
    color: #1475dc !important;
    background-color: rgba(27, 31, 35, 0.1) !important;
  }
  pre, pre[class*='language-']{
    code{
      color: #fff !important;
    }
  }
}

.info-wrapper{
  .category-wrapper{
    .category-item{
      box-shadow: none !important;
    }
  }  
}
.comments-wrapper{
  .valine-wrapper{
    #valine.v{
      .vlist{
        .vh{
          .vcontent{
            box-shadow: none !important;
          }
        }
      }
      .vpower,txt-right{
        display: none !important;  
      }
    }
  }
}

// 文章和标签中间的竖线
.comments-wrapper{
  .valine-wrapper{
    #valine.v{
      .vlist{
        .vh{
          .vmeta{
            .vat{
              box-shadow: none;
            }
          }
        }
      }
    }
  }
}
//下面是为了给导航条的透明和背景做处理的
.navbar{
    background: transparent !important;
  }  
// 分类，多标签，单标签，时间线，单独页面的navbar默认颜色
.categories-wrapper,.tags-wrapper,.tag-wrapper,.timeline-wrapper,.page-wapper{
  .navbar{
    background: #7F7FD5 !important;
    background: -webkit-linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5) !important;
    background: linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5) !important; 
  }
} 
// 分类，多标签，单标签，时间线，单独页面的navbar透明颜色
// 透明的时候，滚动到一定高度需要给navbar加上showNavbarColor类
.category-transparent,.tag-transparent,.tags-transparent,.timeline-transparent,.page-transparent{
  .navbar{
    background: transparent !important;
  }
  .showNavbarColor{
    background: #7F7FD5 !important;
    background: -webkit-linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5) !important;
    background: linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5) !important; 
  }
}
// 有左侧标题时，给navbar加上showNavbarColor类
.showNavbarColor{
  background: #7F7FD5 !important;
  background: -webkit-linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5) !important;
  background: linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5) !important; 
}
// 头部的链接颜色
header{
  .links{
    background-color: transparent !important;
  }
} 
// 博客文章样式修改
.abstract-item{
  .title{
    margin-bottom: 15px !important;
  }
} 